<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>SJSU Parking Student Registration</title>
<link href="CSS/HTML5_thrColFixHdr.css" rel="stylesheet" type="text/css">
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>

<div class="container">
  <div class="sidebar1">
    <aside>
      <script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script>
	  <script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('a6dd2759-8bf2-41d7-9627-ece0686636ea');</script>
    </aside>
  <!-- end .sidebar1 --></div>
  <article class="content">  
    <section>
     <nav>
      <ul>
        <li><a href="Home_Page.html">Home</a></li>
        <li><a href="Members_Page.html">Members</a></li>
        <li><a href="Visitors_Page.html">Visitors</a></li>
        <li><a href="About_Us_Page.html">About</a></li>
        <li><a href="Contact_Page.html">Contact</a></li>
      </ul>
    </nav>
    <br><br>
     <h1 id="MainHeader">SJSU Parking System.</h1>
    </section>
    
    <section>  
      <h2 id="txt">Welcome dear student!! </h2>
      <form action="Payment_Details.html">
      <p id="loginColumnStudent"> <br><strong><em>Please enter your details below in order to complete Registration:</em></strong><br><br>
          <label for="fname">First name: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><input type="text" size="50" name="fname" id="fname" required><br><br>
          <label for="lname">Last name: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label> <input type="text" size="50" name="lname" id="lname" required><br><br>
          
         <label for="email">Email: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><input type="email"size="50" name="email" id="email" required><br><br>
         
          <label for="password1">Password:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label> <input type="text" size="50"name="password1" id="password1" required><br><br>
          <label for="password2">Reenter Password: &nbsp;&nbsp;&nbsp;</label> <input type="text" size="50" name="password2" id="password2" required><br><br>
          
          <label for="address">Address: 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          </label><input type="text" size="50"name="address" id="address" required> <br> <br>
          
          <label for="city">City: 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          </label> <input type="text" size="50" name="city" id="city" required><br><br>  
          
          <label for="state">State: 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          </label> <input type="text" size="50" name="state" id="state" required><br><br>          
          
          <label for="zipcode">Zip code:
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
          </label> <input type="text" size="50" name="zipcode" id="zipcode" required><br><br>
        
        <label for="membershipType">Membership Type:&nbsp;&nbsp;&nbsp;&nbsp;</label>
        <select name="membershipType" id="membershipType">
          <option value="">Please Select Membership Type</option>
          <option value="Monthly">Student: Monthly ($100 / Month)</option>
          <option value="Yearly">Student: Yearly ($500 / year)</option>
          <option value="Five Yearly">Student: Five yearly ($1500)</option>
          <option value="Staff">Staff</option>
          <option value="Admin">Admin</option>
        </select><br><br>
         
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           <a href="Payment_Details.html"><input type="submit" name="button" id="button" value="Done" ></a>
          <br>
       <form action="Payment_Details.html">
      </p>
    </section>
    
  <!-- end .content --></article>
  <aside>
    <h4>Get your current location</h4>
      <p>
      <button onclick="getLocation()">Get Location</button><br>
      </p>
      <div id="mapholder"></div>
      
      <script src="Scripts/GeoLocation.js"></script>
      
  </aside>
  
  <footer>
    <p align="center">&copy; San Jose State University, 2013. </p>
  </footer>
  <!-- end .container --></div>
</body>
</html>
